﻿<!DOCTYPE html>
<html>
<head>
    <title>My Page</title>
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link rel="stylesheet" href="http://code.jquery.com/mobile/1.2.0/jquery.mobile-1.2.0.min.css" />
    <script src="http://code.jquery.com/jquery-1.8.2.min.js"></script>
    <script src="http://code.jquery.com/mobile/1.2.0/jquery.mobile-1.2.0.min.js"></script>


    <script type="text/javascript">
        $(function () {
            $('body').bind('taphold', function (e) { alert('You tapped and held!'); e.stopImmediatePropagation(); return false; });
            $('body').bind('swipe', function (e) { alert('You swiped!'); e.stopImmediatePropagation(); return false; });
        });

    </script>
    <!--JQuery mobile event-->


</head>
<body>

    <div data-role="page">

        <div data-role="header">
            <h1>My Title</h1>
        </div>
        <!-- /header -->

        <div data-role="content">

            <ul data-role="listview" data-theme="g" data-filter="true">
                <li><a href="acura.html">Acura</a></li>
                <li><a href="audi.html">Audi</a></li>
                <li><a href="bmw.html">BMW</a></li>
            </ul>

            <a href="#" data-role="button" data-icon="star">Star button</a>
            <a href="#" data-role="button" data-icon="delete">Star button</a>
        </div>
        <!-- /content -->


        <div data-role="footer" class="ui-bar">
            <div data-role="controlgroup">
                <a href="index.html" data-role="button" data-icon="delete">Remove</a>
                <a href="index.html" data-role="button" data-icon="plus">Add</a>
                <a href="index.html" data-role="button" data-icon="arrow-u">Up</a>
                <a href="Sample.html" data-role="button" data-icon="arrow-d">Down</a>
            </div>
            <a href="Sample.html" data-transition="fade">I'll pop</a>
            <a href="index.html" data-role="button" data-theme="a">Save</a>

            <div>
                <a href="#" data-role="button" data-theme="a">About this app</a>
                <a href="#" data-role="button" data-theme="b">About this app</a>
                <a href="#" data-role="button" data-theme="c">About this app</a>
                <a href="#" data-role="button" data-theme="d">About this app</a>
                <a href="#" data-role="button" data-theme="e">About this app</a>
                <a href="#" data-role="button" data-theme="f">About this app</a>

            </div>
            <!--demo for theme-->


        </div>
        <!-- /footer -->

    </div>
    <!-- /page -->



</body>
</html>
